<!DOCTYPE html>

<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->

<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->

<!--[if !IE]><!-->
<html lang="en">
<!--<![endif]-->

<!-- BEGIN HEAD -->

<head>
<meta http-equiv="Content-Type" content="text/html;  charset=gb2312" />
<title>Ewing</title>

<meta content="width=device-width, initial-scale=1.0" name="viewport" />
<meta content="" name="description" />
<meta content="" name="author" />
<!-- BEGIN GLOBAL MANDATORY STYLES -->
<link href="${contextPath}/admin/media/css/default.css" rel="stylesheet"
	type="text/css" id="style_color" />
<link href="${contextPath}/admin/media/css/bootstrap.min.css"
	rel="stylesheet" type="text/css" />
<link href="${contextPath}/admin/media/css/bootstrap-responsive.min.css"
	rel="stylesheet" type="text/css" /> 
<link href="${contextPath}/admin/media/css/style-metro.css"
	rel="stylesheet" type="text/css" />
<link href="${contextPath}/admin/media/css/style.css" rel="stylesheet"
	type="text/css" />
<link href="${contextPath}/admin/media/css/style-responsive.css"
	rel="stylesheet" type="text/css" />
<!-- END GLOBAL MANDATORY STYLES -->

<!-- BEGIN PAGE LEVEL STYLES -->
<!-- END PAGE LEVEL STYLES -->
<link rel="shortcut icon"
	href="${contextPath}/admin/media/image/favicon.ico" />
<script src="${contextPath}/admin/media/js/jquery-1.10.1.min.js"
	type="text/javascript"></script>

<!-- IMPORTANT! Load jquery-ui-1.10.1.custom.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip -->

<!-- <script
	src="${contextPath}/admin/media/js/jquery-ui-1.10.1.custom.min.js"
	type="text/javascript"></script> -->
<script src="${contextPath}/admin/media/js/bootstrap.min.js"
	type="text/javascript"></script>

<!-- END CORE PLUGINS -->

<!-- BEGIN PAGE LEVEL PLUGINS -->


<!-- END PAGE LEVEL PLUGINS -->


<!-- BEGIN IMPOTY SELF JS -->
<script src="${contextPath}/admin/self/js/ajax.js"
	type="text/javascript"></script>
<script src="${contextPath}/admin/self/js/common.js"
	type="text/javascript"></script>
<script src="${contextPath}/admin/self/js/main.js"
	type="text/javascript"></script>
<script src="${contextPath}/admin/self/js/jquery.ai.jextend.js"
	type="text/javascript"></script>
<script src="${contextPath}/admin/self/js/validator.js"
	type="text/javascript"></script>
<script src="${contextPath}/admin/self/js/action.js"
	type="text/javascript"></script>


<style>
body,h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
	font-family: "Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma,
		"Hiragino Sans GB", STHeiti, "Microsoft YaHei";
}
</style>
</head>

<body class="login" style="background-color: #fff;">

	<div class="navbar  navbar-fixed-top" style="background-color: white;">
		<div class="navbar-inner">
			<div class="container">
				<a class="btn btn-navbar" data-toggle="collapse"
					data-target=".nav-collapse"> <span class="icon-bar"></span> <span
					class="icon-bar"></span> <span class="icon-bar"></span>
				</a>

				<div class="nav-collapse collapse">
					<ul class="nav">
						<li class="active"><img src="admin/media/image/home_logo.png" />
						</li>
					</ul>
				</div>

			</div>
		</div>
	</div>

	<!-- END LOGO -->
	<div class="span12"
		style="border-bottom: thin; border-bottom-color: gray; margin-top: 100px;">
		<!-- BEGIN LOGIN -->
		<div class="span6"
			style="text-align: right; margin-right: 100px; margin-top: 50px;">
			<img src="admin/media/image/login_pic.png" />
		</div>
		<div class="span4" style="min-height: 485px; margin-top: 50px;">
			<div class="content">

				<!-- BEGIN LOGIN FORM -->

				<form class="form-vertical login-form" id="loginForm"
					onsubmit="return login();">

					<div class="alert alert-error " id="errtip" style="display: none;"></div>

					<div class="control-group">

						<!--ie8, ie9 does not support html5 placeholder, so we just show field title for that-->
						<h5>登录名:</h5>

						<div class="controls">

							<div class="input-icon left">

								<i class="icon-user"></i> <input
									class="m-wrap placeholder-no-fix" type="text" placeholder="账号"
									name="username" require="true" datatype="require" type="text"
									min="1" max="20" msg="账号不能为空" />

							</div>

						</div>

					</div>

					<div class="control-group">
						<h5>登陆密码:</h5>

						<div class="controls">

							<div class="input-icon left">

								<i class="icon-lock"></i> <input
									class="m-wrap placeholder-no-fix" type="password"
									placeholder="密码" name="password" require="true"
									datatype="require" type="text" min="1" max="20" msg="密码不能为空" />

							</div>

						</div>

					</div>

					<div class="form-actions">
						<button type="button" class="btn red   pull-right" style="width: 100%;" id="loginBtn">

							登陆 <i class="m-icon-swapright m-icon-white"></i>

						</button>

					</div>


				</form>

			</div>
		</div>
	</div>
	<div class="footer"
		style="clear: both; text-align: center; border-top-style: solid; border-top-width: thin; border-top-color: gray;">
		<div style="text-align: center; color: gray;">2015-2016 &copy; 广州迅河信息科技有限公司. kuaidmai.com</div>
	</div>
</body>
<link href="${contextPath}/admin/media/css/login.css" rel="stylesheet"
	type="text/css" />

<script>
	jQuery(document).ready(function() {
		$("#loginBtn").bind("click", function() {
			login();
		});
	});

	function login() {
		var valResult = AI.Validator.validForm("loginForm", 1, "errtip");
		if (!valResult)
			return;
		var param = $("#loginForm").serialize();
		ajax.syncJsonRequest({
			url : "${contextPath}/login.action",
			param : param,
			success : function(data) {
				if (!data || !data.success) {
					$('#errtip').html(data.retinfo);
					$('#errtip').show();
				}
				if (data.success) {
					location.href = "${contextPath}/main.action"
				}
			}
		});

	}
</script>

<#include "admin/common/include/html_bottom.html">